<template>
	
	<form class="flowform" @reset="reset">
	<view class="u-content">
			<u-parse :html="getdate()"></u-parse>
	</view>
	
	<view class="buttom-box">
		<view class="flow-button">
			<button class="btn-same btn-keep"   @tap="submit">取消</button>
			<button class="btn-same btn-submit" @tap="open">付钱</button>
		</view>
	</view>
	</form>
</template>

<script>
	import jnpf from '@/common/js/jnpf.js'
	import banner from '@/pages/index/banner/banner.vue'
	import uniNoticeBar from '@/components/uni-notice-bar/uni-notice-bar.vue'
	
	export default {

		data() {
			return {
				current: 0,
			}
		},
		onLoad(e) {
			this.isId = Object.prototype.hasOwnProperty.call(e, 'id');
			this.listId = e.id;
		},
		
		onReady(){
					uni.getSystemInfo({
						success: (res) => {
							let topHeight = 100;
							let winHeight = (res.windowHeight * (750/res.windowWidth));
							// boxHeight为屏幕高度 - 顶部高度
							this.boxHeight = winHeight - topHeight + 'rpx';
						}
					});
				},
		methods: {
			  
			getdate(){
			   //返回当前日期
			   var content='<p>研学安全协议书</p>一、双方责任划分<p>甲方责任‌<p>制定春游活动方案和安全预案，提前考察场地并排除安全隐患，确保活动有序开展‌。';
			   content=content +'<p>配备带队教师、校医及安保人员，全程监督学生行为并提供必要医疗保障‌。';
			   content=content +'<p>活动前组织安全教育，明确交通、饮食、户外活动等安全规范‌。';
			   content=content +'<p>乙方责任';
			   content=content +'<p>确认学生身体健康状况适宜参加活动，如实告知过敏史、疾病史等特殊健康信息‌。';
			   content=content +'<p>配合学校开展安全教育，督促学生遵守活动纪律，签署《学生安全承诺书》‌。';
			   content=content +'<p>学生责任‌';
			   content=content +'<p>服从教师管理，不擅自离队、攀爬危险区域或进行涉水等危险行为‌。';
			   content=content +'<p>遵守交通规则，不在车辆行驶区域追逐打闹‌。';
			   content=content +'<p>‌‌';
			   content=content +'<p>二、安全保障措施‌‌';
			   content=content +'<p>活动管理‌‌';
			   content=content +'<p>师生配比不低于1:15，学生按10人/组分配带队教师，全程清点人数‌。‌';
			   content=content +'<p>携带急救包、通讯设备及学生紧急联系人名单，确保突发情况及时响应‌。‌';
			   content=content +'<p>行为规范‌‌';
			   content=content +'<p>禁止携带刀具、火种等危险物品，禁止购买无证摊贩食品‌。‌‌';
			   content=content +'<p>集体行动时保持队形，禁止在陡坡、水域等危险区域逗留‌。‌‌';
			   content=content +'<p>‌‌';
			   content=content +'<p>三、意外情况处理‌‌';
			   content=content +'<p>若因校方管理疏忽导致学生受伤，甲方承担医疗费用及相应责任‌。‌‌';
			   content=content +'<p>若因学生违反纪律（如擅自离队）引发事故，责任由乙方及学生自行承担‌。‌‌';
			   content=content +'<p>因不可抗力（如极端天气、地质灾害）导致活动取消或中断，双方协商解决‌。‌‌';
			   content=content +'<p>‌‌';
			   content=content +'<p>四、协议签署与生效‌‌‌';
			   content=content +'<p>本协议自双方签字后生效，至活动结束且所有学生安全返校后终止‌。‌‌';
			   content=content +'<p>协议一式两份，甲乙双方各执一份，未尽事宜可补充约定‌。‌‌';
			   
			   return content;
			},
			
			open() {
				    console.log('付钱界面')
				    uni.navigateTo({
				    	url: './33form'
				    })
			      },
				  			
			submit() {
				//console.log('返回上一页成功');
				// 在某个事件或条件下触发返回上一页操作
				uni.navigateBack({
				    delta: 1, // 返回的页面数，如果是1表示返回上一级页面，可以根据需求调整
				    success: function() {
				        console.log('返回上一页成功');
				    },
				    fail: function(error) {
				        console.error('返回上一页失败', error);
				    }
				});

			},
			reset(e) {
				//console.log('清空数据')
			},
			
			// tab栏切换
			change(index) {
				this.swiperCurrent = index;
				
			},
			transition({ detail: { dx } }) {
				this.$refs.tabs.setDx(dx);
			},
			animationfinish({ detail: { current } }) {
				this.$refs.tabs.setFinishCurrent(current);
				this.swiperCurrent = current;
				this.current = current;
			}
		}
	}
</script>

<style>
	page {
		background-color: #f0f2f6;
	}
	
	.u-content {
			margin-top: 25rpx;
			color: $u-content-color;
			font-size: 48rpx;
			line-height: 1.8;
			
			// 标签形式无效
			p {
				color: $u-tips-color;
			}
		}
		
	.swiper-back {
		background: #3281FF !important;
		/* background: linear-gradient(to bottom, #4869EE 70%, #f0f2f6 30%) !important; */
		position: relative;
		height: calc(280rpx + 88rpx);
		margin-bottom: 80upx;
		
	}
</style>
